

<!--左边圈子-->
<!--主要内容-->



<div class="d-kuan">
	<div class="d-kuan  d-xiala-kuang d-yuanjiao-10"  id="b2">
		<div class=" d-kuan d-quxian-0">
			{if $quanliebiao == 0}
				<a href="{CLIENT_URL}"class="">
					
					<div class="{if $indexc} d-beijing-baise d-zitiyanse-hei{else}d-jingguo-hui-a {/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
							<img class="d-yuanjiao-20" src="{dr_thumb($qingchunshouyetu)}" height="25" width="25"/>
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/qingchun-shouye.png" height="25" width="25"/>
							{/if}
						</div>
						<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200 d-buhuanhang">
							
							<div class="d-jiacu d-wenzi-16 d-hanggao-20 d-zuo-10">
								{if $qingchunkaiqi}
								    {if $qingchunshouyeming}{$qingchunshouyeming}{else}首页{/if}
								{else}
								首页
								{/if}
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				
				
				
				{module module=daohang order=inputtime_asc fstatus=1 catid=1 page=1 pagesize=7 return=t}
					<a {if $t.tzwz} href="{$t.tzwz}" {else} href="{dr_url($t.zmmc.'/home/index')}"{/if} {if $t.tiaozhuan == 1} target="_blank" {/if} class="">
						
						<div class="
						{if $indexc}
						    {if $_GET['s'] == $t.zmmc && $_GET['m'] == 'index'} d-beijing-baise {else}d-jingguo-hui-a{/if}
						{elseif $_GET['c']=='home' && $_GET['m'] == 'index'}
						    {if $_GET['s'] == $t.zmmc && $_GET['m'] == 'index'}66 d-beijing-baise {else}d-jingguo-hui-a{/if}
						{else}
						    {if $_GET['id'] == $t.lianjieid && $_GET['c'] == 'show' } 55 d-beijing-baise {else}d-jingguo-hui-a{/if}
						{/if}
						d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
							<div class="d-kuan-30">
								<img class="d-yuanjiao-20" src="{dr_thumb($t.thumb)}" height="25" width="25"/>
							</div>
							<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200">
								<div class="d-jiacu  d-wenzi-16 d-hanggao-20 d-zuo-10">
									{$t.title}
								</div>
								
							</div>
						</div>
						<div class="d-clear"></div>
					</a>
				{/module}
				<a
				href="{dr_url('quan/paiming/index')}"
				>
					
					<div class="{if $_GET['c']=='paiming'} d-beijing-baise d-zitiyanse-hei{else} d-jingguo-hui-a{/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
							<img class="d-yuanjiao-20" src="{dr_thumb($qingchunhuatitu)}" height="25" width="25"/>
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/qingchun-paiming.png" height="25" width="25"/>
							{/if}
						</div>
						<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200 d-buhuanhang">
							
							<div class="d-jiacu d-wenzi-16 d-hanggao-20 d-zuo-10">
								{if $qingchunkaiqi}{if $qingchunhuatiming}{$qingchunhuatiming}{else}排行榜{/if} {else}排行榜{/if}
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				<a
				href="{dr_url('tags/home/index')}"
				>
					
					<div class="{if $_GET['s']=='tags'} d-beijing-baise d-zitiyanse-hei{else} d-jingguo-hui-a{/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
							<img class="d-yuanjiao-20" src="{dr_thumb($qingchunhuatitu)}" height="25" width="25"/>
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/huati.png" height="25" width="25"/>
							{/if}
						</div>
						<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200 d-buhuanhang">
							
							<div class="d-jiacu d-wenzi-16 d-hanggao-20 d-zuo-10">
								{if $qingchunkaiqi}{if $qingchunhuatiming}{$qingchunhuatiming}{else}话题{/if} {else}话题{/if}
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				<a 
				{if $member}
					href="{dr_url('qiandao/home/index')}"
				{else}
					onclick="javascript:showDialog();;"
				{/if}
				
				>
					
					<div class="{if $_GET['app']=='qiandao'} d-beijing-baise d-zitiyanse-hei{else} d-jingguo-hui-a{/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
								<img class="d-yuanjiao-20" src="{dr_thumb($qingchunqiandaotu)}" height="25" width="25"/>
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/qingchun-qiandao.png" height="25" width="25"/>
							{/if}
							
						</div>
						<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200 d-buhuanhang">
							
							<div class="d-jiacu d-wenzi-16 d-hanggao-20 d-zuo-10">
								{if $qingchunkaiqi}
								    {if $qingchunqiandaoming}{$qingchunqiandaoming}{else}签到{/if}
								{else}
								签到
								{/if}
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				<a 
				
				{if $member}
					href="{dr_url('member/home/index')}"
				{else}
					onclick="javascript:showDialog();;"
				{/if}
				>
					
					<div class="{if $_GET['s']=='member' && $_GET['app']!='qiandao' && $_GET['c']!='woquan'} d-beijing-baise d-zitiyanse-hei{else} d-jingguo-hui-a{/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
								<img class="d-yuanjiao-20" src="{dr_thumb($qingchunhuiyuantu)}" height="25" width="25"/>
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/qingchun-huiyuan.png" height="25" width="25"/>
							{/if}
							
						</div>
						<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200 d-buhuanhang">
							
							<div class="d-jiacu d-wenzi-16 d-hanggao-20 d-zuo-10">
								
								{if $qingchunkaiqi}
								    {if $qingchunhuiyuanming}{$qingchunhuiyuanming}{else}会员{/if}
								{else}
								会员
								{/if}
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				
				<a
					href="{dr_url('quan/jifen/shop')}"
				>
					
					<div class="{if $_GET['c']=='jifen' && $_GET['m']=='shop'} d-beijing-baise d-zitiyanse-hei{else} d-jingguo-hui-a{/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
								<img class="d-yuanjiao-20" src="{dr_thumb($qingchunjifentu)}" height="25" width="25"/>
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/qingchun-jifen.png" height="25" width="25"/>
							{/if}
							
						</div>
						<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200 d-buhuanhang">
							
							<div class="d-jiacu d-wenzi-16 d-hanggao-20 d-zuo-10">
								
								{if $qingchunkaiqi}
								    {if $qingchunjifenming}{$qingchunjifenming}{else}{SITE_SCORE}商城{/if}
								{else}
								{SITE_SCORE}商城
								{/if}
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				
				<a
				
				{if $member}
					href="{d_huiyuan_url($member.id)}"
				{else}
					onclick="javascript:showDialog();;"
				{/if}
				>
					
					<div class="{if $_GET['s']=='huiyuan'} d-beijing-baise d-zitiyanse-hei{else} d-jingguo-hui-a{/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
								<img class="d-yuanjiao-20" src="{dr_thumb($qingchungerentu)}" height="25" width="25"/>
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/zgeren.png" height="25" width="25"/>
							{/if}
						</div>
						<div class="d-zuo-10 d-wenzi-14 d-shang-2 d-chaochu-biaoti-200 d-buhuanhang">
							
							<div class="d-jiacu d-wenzi-16 d-hanggao-20 d-zuo-10">
								{if $qingchunkaiqi}
								    {if $qingchungerenming}{$qingchungerenming}{else}个人主页{/if}
								{else}
								个人主页
								{/if}
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
				<a 
				{if $member}
					href="{CLIENT_URL}index.php?s=member&app=quan&c=woquan&m=index" 
				{else}
					onclick="javascript:showDialog();;"
				{/if}
				>
					
					<div 
					{if $qingchunkaiqi}
					style="background-color: {$qingchunfabubeijingse};" 
					{else}
					style="background-color: #11d2b5;" 
					{/if}
					class="d-zitiyanse-bai {if $_GET['s']=='member'}  {else} d-jingguo-hui-a{/if} d-kuan d-buhuanhang  d-yuanjiao-50 d-neikuang-10 d-xia-10">
						<div class="d-kuan-30">
							{if $qingchunkaiqi}
							    {if $qingchunzuofabutu}
								<img class="d-yuanjiao-20" src="{dr_thumb($qingchunzuofabutu)}" height="25" width="25"/>
								{else}
								<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/qingchun-fabu.png" height="25" width="25"/>
								{/if}
							{else}
							<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}qingchun/img/qingchun-fabu.png" height="25" width="25"/>
							{/if}
						</div>
						<div class="d-kuan d-wenzi-14 d-shang-2 ">
							<div class="d-kuan d-wenzi-juzhong d-jiacu d-wenzi-16  d-hanggao-20">
								<span style="margin-left: -22px;">
									{if $qingchunkaiqi}
									    {if $qingchunzuofabuming}{$qingchunzuofabuming}{else}发 布{/if}
									{else}
									发 布
									{/if}
								</span>
							</div>
							
						</div>
					</div>
					<div class="d-clear"></div>
				</a>
			{/if}

			<!--样式收缩  d-div-zuo d-hanggao-30 d-beijing-hei-f8 d-neikuang-2-5 d-xia-5 d-yuanjiao-zuo-10-10 -->

			<!--展开样式-->
		</div>
		<div class="d-clear"></div>

		<div class="d-kuan" style="height:200"></div>
	</div>
	
</div>



<script type="text/javascript">
	
	//var contentsHeight = document.body.clientHeight;
	var contentsHeight = $(window).height(); //获取高度
	var h = contentsHeight;
	{if $daohangzhanshi =='1'}
	// 新增 data-index 值
	for (var i=0;i<$('#segmentedControls a').length;i++) {
	$('#segmentedControls a').eq(i).attr('data-index',i)	
	$('.mui-control-content').eq(i).attr('id',i)
	}
	{/if}
	
	//默认选中第一个
	/*var controls = document.getElementById("segmentedControls");
	controls.querySelector('.mui-control-item').classList.add('mui-active');*/
	
		
		
	
	document.getElementById("b2").style.height = h + 'px';
	$(document).ready(function() {
		window.aaa = 1;
		$('#myButton').click(function() {
			dr_fabu(aaa);
		    //alert(aaa);
			//console.log("ida",aaa);// 将显示 "Hello, world!"
		  });
		$('#b2').scroll(function(){
			// 当 #b2 滚动时, 以下的代码会被执行
			var scrollTop = $(this).scrollTop();  // 获取 #b2 的滚动高度
			//console.log(scrollTop);
			$.cookie('weatherTop2',scrollTop);// 保存高度
		});
		//console.log('高度',scrollTop);
	});
	var value = document.cookie;
	var top2 = value.split('weatherTop2=');
	//console.log('获取高度',top2[1]);
	//
	$('#b2').scrollTop(top2[1]);
	 var is_mobile_cms = false;
	/*全部*/
	function dr_add_son_fabu(id) { 
		{if $member}
			dr_iframe("{dr_lang('发布文章')}", "{dr_member_url('quan/son/add')}&cid="+id+"&kuai=1", '100%', '100%');
		{else}
		    showDialog();
		{/if}
	}
	$('.d-fabu').hide();
	function dr_add_son_fabu_tiezi(id,jianjie,title) {
		{if $member}
			$('.d-fabu').show();
			var fabuid = id;
			var jianjies = jianjie;
			var titles = title;
			window.aaa = id;
			$('#d-quanzi-jianjie').text('简介：《'+titles+'圈》'+jianjies);
			//栏目
			$.get('{SITE_URL}index.php?s=api&c=api&m=template&name=index-quanzi-fenlei.html&format=json&id='+id+'&'+Math.random(),function(res){
			   
				if(res.code==1){
					if (res.msg.indexOf("</div>") != -1) {
						$('#d-quanzi-fenlei').html(res.msg);
					} else {
						
					}
				}else{
					/*layer.msg(res.msg,{time:2500});*/
				}
			}, 'json');
		console.log("id",id);
		{else}
		    showDialog();
		{/if}
	}
	function dr_add_son_fabu_tiezi_guanbi(id) {
		$('.d-fabu').hide();
	}
	function dr_fabu(id) {
		dr_ajax_submit('{dr_member_url('quan/son/add', ['tid'=>'','kuai'=>1])}&cid='+id, 'myformduan', '0','{dr_now_url()}')
	}
	
	// 初始化时默认选中第一个选项
	 
	//console.log('daohangid',top2[1]);
	    var options = document.querySelectorAll('#segmentedControls .mui-control-item'); 
		const optionsArray = Array.from(options);
		//获取daohangid的cookie值
		let daohangidValue = Cookies.get('daohangid');
		//console.log("daohangidValue",daohangidValue);
		if(daohangidValue > 0){
				var daohangid = daohangidValue;
		} else {
				 var daohangid = 0;
				var d = new Date();
				d.setTime(d.getTime() + (365*24*60*60*1000)); // 设置过期时间为1年后  
				var expires = "expires=" + d.toUTCString();  
				document.cookie = "daohangid="+daohangid+"; " + expires + "; path=/";
				//let daohangid = 0;
		}
		//console.log("daohangid",daohangid);
		if (daohangid > 0) {  
		  options[Number(daohangid)].classList.add('d-beijing-hei-f8');
		} else {
			//options[0].classList.add('d-beijing-hei-f8');
		}
	      
	    var quans = document.querySelectorAll('.mui-control-content');
		
		if (daohangid > 0 ) {
		  quans[Number(daohangid)].classList.add('d-daoxianshi');
		  quans[Number(daohangid)].classList.remove('d-daoyincang'); 
		} else {
			//quans[0].classList.add('d-daoxianshi');
			//quans[0].classList.remove('d-daoyincang'); 
		}
	    
		
		//console.log("options",options);// 将显示 "Hello, world!"
		//console.log("quans",quans);// 将显示 "Hello, world!"
	    // 为每个选项添加点击事件监听器  
	    optionsArray.forEach(function(option) {  
	        option.addEventListener('click', function() {  
	            // 移除所有选项的 mui-active 类  
	            optionsArray.forEach(function(opt) {  
	                opt.classList.remove('d-beijing-hei-f8');  
	            }); 
				quans.forEach(function(opt) {
				    opt.classList.remove('d-daoyincang');  
					opt.classList.remove('d-daoxianshi');  
					opt.classList.add('d-daoyincang'); 
					//console.log('opt',opt)
				});  
				// 存储点击id
				var daohangid = optionsArray.indexOf(this);
				var d = new Date();  
				d.setTime(d.getTime() + (365*24*60*60*1000)); // 设置过期时间为1年后  
				var expires = "expires=" + d.toUTCString();  
				document.cookie = "daohangid="+daohangid+"; " + expires + "; path=/";
	            // 给被点击的选项添加 mui-active 类  
	            this.classList.add('d-beijing-hei-f8');
				// console.log('classList',optionsArray.indexOf(this))
				var correspondingContent = quans[optionsArray.indexOf(this)];  // 找到被点击选项对应的内容  
				//console.log('correspondingContent',correspondingContent)
				    correspondingContent.classList.add('d-daoxianshi');  // 显示被点击选项对应的内容  
				    correspondingContent.classList.remove('d-daoyincang');  // 确保被点击的内容是显示的  
	        });  
	    });
    
</script>

<style>
	*, :after, :before {
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
		scrollbar-color: #62464600 #b3353500;
	}
	.d-fabu-shezhi {
	    z-index: 999999;
	    position: fixed;
		justify-content: center;
		top: 50%;
		left: 50%;
	    /*bottom: 0px;*/
	    width: 700px;
	    /*height: 270px;*/
	    overflow: auto;
	    background: #ffffff;
	    transform: translate(-50%, -50%);
	    box-shadow: 0 0 20px #d6d6d6;
	    background-color: rgba(255, 255, 255, 1.0);
		border-radius: 10px;
	}
	.d-fabu-tiezi{
		
		transform: translate(-50%, -50%);
	}
	.d-fabu-fenleis {
	    padding-left: 10px;
	    padding-bottom: 10px;
	    resize: none;
	    border: none;
	}
	.d-fabu {
	    padding-top: 0px;
	    border: 1px solid #ddd;
	    /* padding-bottom: 10px; */
	}
	.form-control-fabu {
		
		/*width: 100%;*/
		/*height: 34px;*/
		font-size: 12px;
		padding: 2px 2px;
		/*background-color: #f3f4f7;*/
		border: 1px solid #f3f4f7;
		border-radius: 50px;
		/*-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
		
	}
	.form-control-fabu select {
	    background: #efefef;;
	    border-color: #ffffff;
		border-radius: 50px;
	    color: #333;
		font-size: 12px;
	    padding: 0px;
	}
	.form-control-fabu option {
	    font-weight: normal;
	    display: block;
	    white-space-collapse: collapse;
	    text-wrap: nowrap;
	    min-height: 1.2em;
	    padding: 0px 2px 1px;
	}
	.d-yincang-wenzi-jiugetu {
		display: none
	}
	.d-yincang-tu-jiugetu {
		display: none
	}
	.d-anniu-jiugetu {
		margin-top: 2px;
	    padding: 2px 7px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 50px;
		float: left!important;
		background-color: #efefef;
		color: #aaaaaa;
	}
	#fileupload_jiugetu {
		float: left!important;
	}
	.preview {
	    height: 55px;
	    border: 1px solid #f5f5f5;
	}
	.files_row .preview img {
	    max-height: 40px;
	    overflow: hidden;
	}
	.note-toolbar {
		display: none
	}
	.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
	    padding: 0px;
	    overflow: auto;
	    word-wrap: break-word;
		min-height: 100px;
	}
	.note-statusbar {
		display: none
	}
	.d-fabu-neikuang-10 {
		padding: 10px 10px 0 10px;
	}
	.panel {
	    margin-bottom: 0px;
	    background-color: #fff;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
	}
	.note-editable hr, .note-editable p {
	    margin: 2px 0;
	}
	.note-editor.note-frame, .note-editor.note-airframe {
		
	    border: 1px solid #ffffff;
	    border-radius: 4px;
	}
	.note-editable {
	  position: relative;
	}
	
	.note-editable:hover {
	  outline: none;
	  ::placeholder {
	    visibility: hidden;
	  }
	.shuoming {
		left: 0;
		top: 10px;
		position: fixed;
		width: 100px;
		  height: 100px;
	}
	/**/
	.mui-active{
		background-color: #999999;
	}
	.mui-table-view {
		width: 100%;
		
	}
	

</style>
